<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/newstyle.css">
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/public.js"></script>
    <title>优惠券</title>
</head>

<body style="background-color:#F3F2F0">
<div class="wrapper">
<!-- <div class="header">
    <ul>
        <li class="header_title_wrapper">优惠券</li>
        <li class="clear"></li>
    </ul> 
</div> -->
<div class="main mg_t10 couponvue">
    <a class="card rows coupon" v-for="(inf,index) in info">
        <div class="cols3">
            <div class="info_head" :class="{'bgimg_hsize':inf.imgsize}" :style="{'background-color':couponType(inf.type_name)}">{{inf.type_name}} </div>
        </div>
        <div class="cols9">
            <p class="info_tit">{{inf.subclinic_name}}</p>
            <p class="info_txt cnt">{{inf.card_name}}</p>
            <p class="info_txt tips">{{inf.discount_desc}}</p>
        </div>
        <!-- <div class="coupontype">{{inf.type_name}}</div> -->
    </a>
    <!-- <a class="card rows coupon">
        <div class="cols3">
            <div class="info_head">
                <img src="images/info/s1.jpg" width="100%" alt="">               
            </div>
        </div>
        <div class="cols9">
            <p class="info_tit">国医堂顺义店</p>
            <p class="info_txt cnt">到店消费立减10元</p>
            <p class="info_txt tips">无限制，任何服务项目均可使用</p>
        </div>
        <div class="coupontype">优惠券</div>
    </a> -->
</div> 
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
</div>
</div>
<script src="./js/temp.js" type="text/javascript"></script>  
</body>
</html>